<template>
  <div>
    <!-- 顶部导航 -->
    <van-tabs v-model="active">
      <van-tab to="/films/nowPlaying" title="正在热映"></van-tab>
      <van-tab to="/films/comingSoon" title="即将上映"></van-tab>
    </van-tabs>
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep {
  .van-tab--active {
    color: #ff5f16;
  }
  .van-tabs__line {
    background-color: #ff5f16;
  }
}
</style>
